<!-- templates/carousel/includes/css_fade_carousel.html -->
<div class="css-fade-carousel">
    {% for image in images %}
    <div class="css-fade-slide {% if forloop.first %}active{% endif %}">
        <img src="{{ image.image.url }}" alt="{{ image.title }}">
        <div class="slide-caption">
            <h3>{{ image.title }}</h3>
            <p>{{ image.caption }}</p>
        </div>
    </div>
    {% endfor %}
</div>
